<template>
  <div class="active">
    <img src="../../assets/images/img2.jpeg" alt="">
    <div class="teach" @click="click"><button>"点击"支持我</button></div>
  </div>
</template>

<script>
  export default {
    name: 'active',
    methods: {
      click: function () {
        this.$router.push('/crowdfunding')
      }
    }
  }
</script>

<style lang="less" scoped>
  .active {
    width: 100%;
    height: 100%;
    background: #d3d3d3;
    img {
      width: 100%;
      height: 100%;
      display: block;
    }
    .teach {
      width:29rem;
      height: 3.2rem;
      margin:1rem auto;
      background-color: #524d4a;
      border-radius: 0.25rem;
      overflow: hidden;
      button {
        width: 100%;
        height: 100%;
        background: none;
        color: #fff;
        line-height: 3.2rem;
      }
    }
  }
</style>
